<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <title>标题</title>
</head>
<body>
    <!-- Bootstrap的标题 -->
    <!-- small可以添加比父标签稍微小一点的字体 -->
    <h1>一级标题 <small>副标题</small> </h1>
    <h2>二级标题 <small>副标题</small> </h2>
    <h3>三级标题 <small>副标题</small> </h3>
    <h4>四级标题 <small>副标题</small> </h4>
    <h5>五级标题 <small>副标题</small> </h5>
    <h6>六级标题 <small>副标题</small> </h6>
    <!-- 如果要创建比一级标题还要大的标题，可以使用显示标题 -->
    <h1 class="display-1">显示标题</h1>
    <h1 class="display-2">显示标题</h1>
    <h1 class="display-3">显示标题</h1>
    <h1 class="display-4">显示标题</h1>
    
</body>
</html>